<template>
  <div class="synergy">
    <van-form>
      <van-field name="checkboxGroup" label="协同部门:">
        <template #input>
          <van-checkbox-group v-model="checkboxGroup" direction="horizontal" @change="changeData">
            <van-checkbox
              style="padding: 6px 0"
              v-for="(item, index) in ListData"
              :key="index"
              shape="square"
              :name="item.name"
              >{{ item.name }}</van-checkbox
            >
          </van-checkbox-group>
        </template>
      </van-field>
      <van-field v-model="SHJL" name="审核结论" label="审核结论：" placeholder="请输入审核结论" />
      <van-field name="uploader" label="审核文件:">
        <template #input>
          <van-uploader v-model="uploader" />
        </template>
      </van-field>
      <van-field v-model="value" rows="2" maxlength="200" style="background:#eee" show-word-limit autosize label="审批意见:" type="textarea" placeholder="请输入审批意见" />
      <div style="float:right;margin-top:.130px">
        <span>{{ZFJG}}</span>
        <span>{{TJR}}</span>
        <span>{{time}}</span>
      </div>
    </van-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkbox: false,
      ZFJG:"XX民政局",
      TJR:"张三",
      time:"2022-08-22",
      SHJL: '',
      value: '',
      uploader: [],
      checkboxGroup: [],
      ListData: [
        {
          name: '建设部门',
        },
        {
          name: '宣传部门',
        },
        {
          name: '建设部门1',
        },
        {
          name: '建设部门2',
        },
        {
          name: '建设部门3',
        },
        {
          name: '建设部门4',
        },
        {
          name: '建设部门5',
        },
        {
          name: '建设部门6',
        },
        {
          name: '建设部门7',
        },
        {
          name: '建设部门8',
        },
        {
          name: '建设部门9',
        },
        {
          name: '建设部门',
        },
        {
          name: '建设部门',
        },
        {
          name: '建设部门',
        },
        {
          name: '建设部门',
        },
      ],
    }
  },
  methods: {
    changeData(name) {
      console.log(name)
    },
  },
  mounted() {},
}
</script>

<style lang="scss" scoped>
.synergy {
  padding: 0 .130px;
}
</style>
